---
title: Wprowadzenie
description: Podstawowy wstęp do Astro.
i18nReady: true
---
import Button from '~/components/Button.astro'
import ContributorList from '~/components/ContributorList.astro'
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'

<h2>Czym jest Astro?</h2>

Astro to **wszechstronny framework** do budowania **szybkich,** **koncentrujących się na treści** stron internetowych. 

## Główne cechy

- **Wyspy komponentów:** Nowa architektura internetowa do budowania szybszych stron internetowych.
- **Server-first API design:** Przenieś kosztowny proces hydracji z urządzeń Twoich użytkowników na serwer.
- **Zero JavaScript, domyślnie:** Brak zbędnego JavaScript, który spowalnia działanie strony.
- **Gotowy na edge:** Hostuj wszędzie, nawet na globalnym runtime edge jak Deno czy Cloudflare.
- **Konfigurowalny** Tailwind, MDX i ponad 100+ innych integracji do wyboru.
- **Niezależny od UI:** Obsługuje React, Preact, Svelte, Vue, Solid, Lit i więcej.

Sprawdź naszą szczegółową analizę [Dlaczego Astro](/pl/concepts/why-astro/), aby dowiedzieć się więcej o tym, co czyni Astro wyjątkowym. ✨


## Wypróbuj Astro w swojej przeglądarce

Odwiedź [astro.new](https://astro.new/) i wybierz jeden z wielu szablonów, aby rozpocząć. Baw się pełną, działającą wersją Astro bezpośrednio w swojej przeglądarce!

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
  <Button link="https://astro.new/basics?on=stackblitz">Uruchom podstawowy szablon</Button>
  <Button variant="secondary" link="https://astro.new/">Zobacz wszystkie szablony →</Button>
</div>

## Rozpocznij swój pierwszy projekt

Stwórz nowy projekt Astro lokalnie dzięki naszemu pomocnemu kreatorowi `create astro` CLI!

<PackageManagerTabs>
  <Fragment slot="npm">
  ```shell
  # utwórz nowy projekt z npm
  npm create astro@latest
  ```
  </Fragment>
  <Fragment slot="pnpm">
  ```shell
  # utwórz nowy projekt z pnpm
  pnpm create astro@latest
  ```
  </Fragment>
  <Fragment slot="yarn">
  ```shell
  # utwórz nowy projekt z yarn
  yarn create astro
  ```
  </Fragment>
</PackageManagerTabs>

Nasz [Przewodnik po instalacji](/pl/install/auto/) posiada pełne instrukcje krok-po-kroku dotyczące instalacji Astro za pomocą naszego kreatora CLI, tworzenia nowego projektu z istniejącego repozytorium Astro GitHub oraz ręcznej instalacji Astro.


## Naucz się Astro

Zobacz przykłady niektórych kluczowych pojęć i wzorców witryny Astro!

📚 [Dodaj swoją pierwszą stronę](/pl/basics/astro-pages/) do swojej witryny.

📚 Dowiedz się więcej o [strukturze projektu](/pl/basics/project-structure/) w Astro.

📚 Dowiedz się więcej o [routingu opartego na plikach](/pl/guides/routing/).

*... naszą pełną dokumentację API znajdziesz w zakładce **Referencje**.*


## Rozbuduj swój projekt Astro

🧰 Zacznij swój następny projekt od [gotowego motywu](https://astro.build/themes/)

🧰 Dostosuj swoją stronę za pomocą oficjalnych i społecznościowych [wtyczek i komponentów](https://astro.build/integrations/).

🧰 Zainspiruj się, odwiedzając naszą [galerię stron Astro](https://astro.build/showcase/).

*... zobacz nasz [przewodnik po korzystaniu z integracji](/pl/guides/integrations-guide/)*.



## Dołącz do naszej społeczności

Dołącz do nas na [Discordzie Astro](https://astro.build/chat), aby podzielić się z i uzyskać pomoc od aktywnej, przyjaznej społeczności!

💬 Przywitaj się na naszym kanale `#general`!

💬 Zadaj pytanie naszemu Zespołowi Wsparcia na kanale `#support`!

💬 Podziel się tym, nad czym pracujesz na kanale `#showcase`!


## Co nowego?

[Blog Astro](https://astro.build/blog/)

[Lista zmian w Astro](https://github.com/withastro/astro/blob/main/packages/astro/CHANGELOG.md)

## Wesprzyj nas

Ta dokumentacja jest dostarczana do ciebie przez wszystkich tych pomocnych ludzi. [Dołącz do nas na GitHubie!](https://github.com/withastro/docs)

<ContributorList githubRepo="withastro/docs" />
